<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伊春旅游路线 - 黑龙江旅游</title>
    <link rel="stylesheet" href="D:\web1\travel\css\base.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\yichun.css" type="text/css" media="all">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <!-- 顶部搜索栏和导航 -->
        <div class="top-bar">
            <div class="search-box">
                <form action="search.html" method="get">
                    <input type="text" name="keyword" placeholder="搜索景点、攻略...">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
            
            <ul class="top-nav">
                <li><a href="D:\web1\travel\html\login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="D:\web1\travel\html\register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="D:\web1\travel\html\about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
            <button class="menu-toggle"><i class="fa fa-bars"></i></button>
        </div>

        <!-- 主导航菜单 -->
        <div class="main-menu">
            <ul>
                <li><a href="D:\web1\travel\html\index.html">首页</a></li>
                <li><a href="D:\web1\travel\html\history.html">历史沿革</a></li>
                <li><a href="D:\web1\travel\html\geography.html">地理位置</a></li>
                <li><a href="D:\web1\travel\html\culture.html">风俗文化</a></li>
                <li><a href="D:\web1\travel\html\attractions.html">景点选择</a></li>
                <li><a href="D:\web1\travel\html\products.html">名优特产</a></li>
                <li><a href="D:\web1\travel\html\message.html">在线留言</a></li>
            </ul>
        </div>

        <!-- 轮播图 -->
        <div class="banner">
            <div class="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="D:\img\img113.jpg"alt="伊春风光">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\img112.jpg" alt="五营红松林海">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\img36.jpg" alt="汤旺河奇石">
                    </div>
                </div>
                <button class="carousel-control prev"><i class="fa fa-angle-left"></i></button>
                <button class="carousel-control next"><i class="fa fa-angle-right"></i></button>
                <div class="carousel-indicators">
                    <span class="indicator active" data-index="0"></span>
                    <span class="indicator" data-index="1"></span>
                    <span class="indicator" data-index="2"></span>
                </div>
            </div>
        </div>

        <!-- 内容区域 -->
        <div class="content">
             <div class="bar">
                <h3>伊春旅游路线</h3>
            </div>
            <div class="route-container">

                <!-- 行程概览 -->
                <div class="route-overview">
                    <h4><i class="fa fa-info-circle"></i> 行程概览</h4>
                    <p>伊春市位于黑龙江省东北部，与俄罗斯隔江相望，是中国著名的"林都"。本次行程将带您领略伊春的自然风光和特色美食，体验森林氧吧的清新与宁静。</p>
                    
                </div>
                
                <!-- 行程路线 -->
                <div class="daily-itineraries">
                    <h3 class="section-title"><i class="fa fa-calendar-check-o"></i> 每日行程</h3>
                    <!-- 第一天 -->
                    <div class="day-container fade-in" data-day="1">
                        <h3 class="day-title">
                            <span>Day 1</span>
                            <span class="day-desc">飞泷金山鹿苑 → 林都木雕园</span>
                        </h3>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <h4>飞泷金山鹿苑</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img5.jpg" alt="飞泷金山鹿苑">
                                    </div>
                                    <div class="point-info">
                                        <p>飞泷金山鹿苑是伊春著名的景点，这里饲养了大量的梅花鹿和马鹿，游客可以近距离接触这些可爱的动物，感受大自然的和谐之美。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <h4>林都木雕园</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img111.jpg" alt="林都木雕园">
                                    </div>
                                    <div class="point-info">
                                        <p>林都木雕园是一个以木雕艺术为主题的公园，园内陈列了众多精美的木雕作品，展示了伊春深厚的林业文化底蕴。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 第二天 -->
                    <div class="day-container fade-in" data-day="2">
                        <h3 class="day-title">
                            <span>Day 2</span>
                            <span class="day-desc">五营红松林海 → 汤旺河林海奇石</span>
                        </h3>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <h4>五营红松林海</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img112.jpg" alt="五营红松林海">
                                    </div>
                                    <div class="point-info">
                                        <p>五营国家森林公园拥有中国最大的红松原始林，是国家4A级旅游景区，被誉为"红松的故乡"。漫步林中，感受原始森林的神秘与宁静。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <h4>汤旺河林海奇石</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img36.jpg"alt="汤旺河林海奇石">
                                    </div>
                                    <div class="point-info">
                                        <p>汤旺河林海奇石景区以稀有的花岗岩石林地貌景观为特色，是中国第一个被批准的国家公园，被誉为"天然地质博物馆"。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 第三天 -->
                    <div class="day-container fade-in" data-day="3">
                        <h3 class="day-title">
                            <span>Day 3</span>
                            <span class="day-desc">茅兰沟国家森林公园 → 江畔公园</span>
                        </h3>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <h4>茅兰沟国家森林公园</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img114.jpg" alt="茅兰沟国家森林公园">
                                    </div>
                                    <div class="point-info">
                                        <p>茅兰沟国家森林公园集山奇、水秀、林茂、潭幽、瀑美于一身，被誉为"北方小九寨"，是伊春重要的旅游景区之一。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <h4>江畔公园</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img115.jpg" alt="江畔公园">
                                    </div>
                                    <div class="point-info">
                                        <p>江畔公园位于伊春市伊春区，依河而建，是市民和游客休闲散步的好去处。公园内绿树成荫，景色宜人，可欣赏到美丽的河景。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 美食推荐 -->
                <div class="food-section">
                    <h2><i class="fa fa-cutlery"></i> 美食推荐</h2>
                    <div class="food-grid">
                        <div class="food-item">
                            <img src="D:\img\img116.jpg" alt="建发海鲜豆腐">
                            <h4>建发海鲜豆腐</h4>
                            <p>鲜嫩可口的豆腐搭配新鲜海鲜，味道鲜美，营养丰富。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img117.jpg" alt="朴家冷面">
                            <h4>朴家冷面</h4>
                            <p>正宗朝鲜风味冷面，酸甜爽口，夏季食用最佳。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img118.jpg" alt="世杰刀削面">
                            <h4>世杰刀削面</h4>
                            <p>手工刀削面，劲道爽滑，汤汁浓郁，回味无穷。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img119.jpg" alt="山河屯铁锅炖">
                            <h4>山河屯铁锅炖</h4>
                            <p>传统铁锅炖菜，食材新鲜，味道醇厚。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img120.jpg" alt="鑫顺源锅中锅">
                            <h4>鑫顺源锅中锅</h4>
                            <p>特色双层锅，一锅两吃，满足不同口味需求。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img121.jpg" alt="天香居烧烤">
                            <h4>天香居烧烤</h4>
                            <p>本地知名烧烤店，肉质鲜嫩，调料独特。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 页脚 -->
        <div class="end">
            <p>© 黑龙江旅游网 版权所有</p>
            <p>联系方式：0451-12345678 | 邮箱：info@heilongjiang-tour.com</p>
        </div>
    </div>

    <script src="D:\web1\travel\javaScript\scrip.js"></script>
</body>
</html>